<!--
 * @Description: 
 * @Author: lijiajin
 * @Date: 2020-07-06 09:04:53
 * @LastEditTime: 2020-07-10 11:59:50
 * @LastEditors: lijiajin
 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no,email=no,address=no">
    <title>首页内容-选择模板</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./plugins/layui/css/layui.css">
    <link rel="stylesheet" href="./css/nanoscroller.css">
    <link rel="stylesheet" href="./plugins/jquery-ui/jquery-ui.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/JQuery2.1.4.js"></script>
    <script src="./plugins/layui/layui.js"></script>
    <script src="./js/spin.min.js"></script>
    <script src="./js/loading.js"></script>

</head>

<body>
<div class="wrap-box wrap-webmg wrap-webmg-select-muban">
    <p class="title-h1">基础设置</p>
    <div class="content-box content-box-noradius">
        <ul class="inside-page-top-exchange">
            <li><a href="./web-manage-shouye-content.html">首页内容</a></li>
            <li class="active"><a href="./web-manage-shouye-select.html">选择模板</a></li>
            <div class="clear"></div>
        </ul>
        <div class="content-scroll-box content-scroll-box6">
            <div class="content-scroll" style="height: 100%;width: 100%;padding: 15px 15px;">
                <div class="left">
                    <form class="top use-muban-form" action="">
                        <p class="number">编号<span>45464</span></p>
                        <input class="muban-id" type="hidden" value="" name=""/>
                        <button type="button" class="layui-btn select" onclick="confirmUseDialog(this)">选用</button>
                        <a href="" target="_blank" class="layui-btn layui-btn-primary-blue yulan">预览</a>
                    </form>
                    <div class="img-box" id="show_muban_img">
                        <!--<img src="./images/select_muban.png"/>-->
                    </div>
                </div>
                <div class="right nano">
                    <form class="page-top-search-box page-top-search-box3" action="">
                        <div>
                            <span>颜色</span>
                            <select name="">
                                <option value="">请选择</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                            </select>
                        </div>
                        <div>
                            <span>模板风格</span>
                            <select name="">
                                <option value="">请选择</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                            </select>
                        </div>
                        <div class="search-input-div">
                            <img src="./images/search.png"/>
                            <input name="" type="text" placeholder="请输入模板编号搜索"/>
                        </div>
                        <div>
                            <button type="submit" class="layui-btn">搜索</button>
                            <a href="javascript:;" class="layui-btn layui-btn-primary-blue"
                               onclick="$(this).closest('form').html($(this).closest('form').html())">清除条件</a>
                        </div>
                    </form>
                    <div class="nano-content">
                        <div class="muban-list">
                            <!--has data-->
                            <ul>
                                <li class="selected" data-id="1">
                                    <p class="number">编号<span>45464</span></p>
                                    <div class="img">
                                        <img src="./images/select_muban.png"/>
                                    </div>
                                    <div class="cover">
                                        <a href="javascript:;" class="item-muban-btn"></a>
                                    </div>
                                </li>
                                <li class="" data-id="1">
                                    <p class="number">编号<span>45464</span></p>
                                    <div class="img">
                                        <img src="./images/select_muban.png"/>
                                    </div>
                                    <div class="cover">
                                        <a href="javascript:;" class="item-muban-btn"></a>
                                    </div>
                                </li>
                                <li class="used" data-id="1">
                                    <p class="number">编号<span>45464</span></p>
                                    <div class="img">
                                        <img src="./images/kefu_style1.png"/>
                                    </div>
                                    <div class="cover">
                                        <a href="javascript:;" class="item-muban-btn"></a>
                                        <span>已选用</span>
                                    </div>
                                </li>
                                <li class="" data-id="1">
                                    <p class="number">编号<span>45464</span></p>
                                    <div class="img">
                                        <img src="./images/kefu_style1.png"/>
                                    </div>
                                    <div class="cover">
                                        <a href="javascript:;" class="item-muban-btn"></a>
                                        <span>已选用</span>
                                    </div>
                                </li>
                                <li class="" data-id="1">
                                    <p class="number">编号<span>45464</span></p>
                                    <div class="img">
                                        <img src="./images/select_muban.png"/>
                                    </div>
                                    <div class="cover">
                                        <a href="javascript:;" class="item-muban-btn"></a>
                                    </div>
                                </li>
                                <li class="" data-id="1">
                                    <p class="number">编号<span>45464</span></p>
                                    <div class="img">
                                        <img src="./images/watermark_img.png"/>
                                    </div>
                                    <div class="cover">
                                        <a href="javascript:;" class="item-muban-btn"></a>
                                    </div>
                                </li>
                            </ul>
                            <!--no data-->
                            <div class="table-no-data" style="display: none">
                                <p><i class="icon iconfont iconkulian"></i>对不起，没有找到相关模板</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="./js/echarts.min.js"></script>
<script src="./js/jquery.nanoscroller.js"></script>
<script src="./plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="./js/check.js"></script>
<script src="./js/common.js"></script>
<script src="./js/form-commit.js"></script>

</body>

</html>